<!--带版面图标的版面路由-->
<script lang="ts" setup>

import CommonRoute from "../routes/CommonRoute.vue";
import {iconUrl} from "../../utils/Utils.ts";

interface Props {
  name: string
  fid?: number | undefined
  stid?: number | undefined
}

const props = defineProps<Props>();

</script>

<template>
  <common-route :fid="props.fid" :stid="props.stid" style="vertical-align: top;">
    <div class="route-icon">
      <el-image :src="iconUrl(props.stid||props.fid )"/>
      <br>
      <b>{{ props.name }}</b>
    </div>
  </common-route>
</template>

<style scoped>
.route-icon {
  display: inline-block;
  text-align: center;
  max-width: 150px
}
</style>